@import '~antd/es/style/themes/default.less';

html,
body,
#root {
  height: 100%;
}
html,body ::selection {
  background: #E13B3B;
  color: #fff;
}
.colorWeak {
  filter: invert(80%);
}

.ant-layout {
  min-height: calc(100vh - 25px);
}

canvas {
  display: block;
}

body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

ul,
ol {
  list-style: none;
}

@media (max-width: @screen-xs) {
  .ant-table {
    width: 100%;
    overflow-x: auto;

    &-thead > tr,
    &-tbody > tr {
      > th,
      > td {
        white-space: pre;

        > span {
          display: block;
        }
      }
    }
  }
}

.ant-pro-fixed-header.ant-layout-header {
  z-index: 11 !important;
}

// 兼容IE11
@media screen and(-ms-high-contrast: active), (-ms-high-contrast: none) {
  body .ant-design-pro > .ant-layout {
    min-height: calc(100vh - 25px);
  }
}

// 密码强度
.is-complexity-1 > li:first-child,
ul.is-complexity-2 > li:first-child {
  background-color: @error-color;
}

ul.is-complexity-3 > li {
  background-color: @warning-color;

  &:last-child {
    background-color: @card-skeleton-bg;
  }
}

.is-complexity-4 > li {
  background-color: @success-color !important;
}

.rest-tabs-to-menu-tag.ant-tabs-card {
  .ant-tabs-card-bar .ant-tabs-nav-container {
    height: 36px;
    background-color: #fff;
  }

  .ant-tabs-card-bar .ant-tabs-tab {
    border-radius: 0;
    height: 36px;
    line-height: 34px;
    background-color: #fff;
    border: 0;
    border-right: 1px solid #e2e2e2;
    margin: 0;
  }

  .ant-tabs-card-bar .ant-tabs-tab-active {
    background-color: @background-color-base;
    border: 0;
    // border-bottom: 1px solid #e2e2e2;
    color: #333;
  }
}

// 重置pro table form表单更紧凑
.rest-pro-table-form-compact {
  height: calc(100vh - 132px);
  overflow: hidden;

  .ant-card {
    height: calc(100% - 80px) !important;

    .ant-card-body {
      height: 100% !important;
    }
  }
  // 缩短搜索框竖向间距
  .ant-pro-table-search {
    margin-bottom: 0;
    padding: 0 20px;
    padding-top: 16px;
  }
  // 缩短搜索框竖向间距
  .ant-legacy-form-item {
    margin-bottom: 0px;
  }
}

// 有tab切换的表格页面
.rest-pro-table-tab {
  height: calc(100vh - 90px);
  overflow: hidden;
}

// 隐藏多选提示
.ant-pro-table-alert {
  display: none;
}

.ant-layout-sider-light {
  .ant-menu-submenu-router-active + .ant-menu-submenu-arrow {
    &::after {
      background-image: none !important;
      background: white !important;
    }
    &::before {
      background-image: none !important;
      background: white !important;
    }
  }
}

// 左侧应用中心下移
// .ant-menu-dark {

//   // .ant-menu-submenu svg,
//   // .ant-menu-item svg {
//   //   transform: scale(1.2);
//   // }

//   .ant-menu-submenu:nth-last-child(1) {
//     position: fixed;
//     bottom: 50px;
//     text-align: center;
//   }
// }

// #appstore\$Menu {
//   width: 242px;
//   text-align: center;
//   padding-top: 6px;
//   position: fixed;
//   left: 82px;
//   bottom: 50px;
//   z-index: 10;

//   .ant-menu-item {
//     width: 80px;
//     height: 90px;
//     float: left;
//     padding: 0px;

//     a.active {
//       // 短信管理
//       .messageindex {
//         content: url('@/assets/menu/messageindexActive.png');
//       }
//       // 旅客超售
//       .overSaleindex {
//         content: url('@/assets/menu/overSaleindexActive.png');
//       }
//       // 开发者
//       .usermenu {
//         content: url('@/assets/menu/usermenuActive.png');
//       }
//       // 旅客补偿
//       .compensationindemnitySheet {
//         content: url('@/assets/menu/compensationindemnitySheetActive.png');
//       }
//       // 异常行李
//       .luggageindex {
//         content: url('@/assets/menu/luggageindexActive.png');
//       }
//       // 航班监控
//       .flightindex {
//         content: url('@/assets/menu/flightindexActive.png');
//       }
//       // 用户权限
//       .userindex {
//         content: url('@/assets/menu/userindexActive.png');
//       }
//     }

//     span {
//       display: block;

//       svg {
//         transform: scale(2) translateY(10px);
//       }
//     }

//     span:nth-child(1) {
//       width: 60px;
//       height: 60px;
//       margin: 0 auto;
//       background-color: #fff !important;
//     }

//     span:nth-child(2) {
//       width: 80px;
//       height: 20px;
//       line-height: 2;
//       text-align: center;
//       color: #fff;
//     }
//   }
// }
